<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>jquery源码解析视频73-1</title>
    <script src="../jquery-2.0.3.js"></script>
  </head>

  <body>
    <div class="box">div1<span>span</span></div>
    <div>div2</div>

    <script>
      $(function () {
        // filter 返回函数
        // $("div")
        //   .filter(function () {
        //     return false;
        //   })
        //   .css("border", "1px solid red");

        // $("div")
        //   .not(function () {
        //     return false;
        //   })
        //   .css("border", "1px solid red");

        // $("div")
        //   .filter(function (i, elem) {
        //     return elem.className == "box";
        //   })
        //   .css("border", "1px solid red");

        var oBox = document.getElementsByClassName("box")[0];
        $("div").filter(oBox).css("border", "1px solid red");
      });
    </script>
  </body>
</html>
